<headr>
    <title>跳转提示</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta  charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

    <link rel="stylesheet" href="/bootstrap/4.6.1/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="/icons/bootstrap/1.10.0/bootstrap-icons.css">
</headr>

<body>  
    <div style="display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;">
        <div class="text-center" style="margin-left:20px;margin-right:20px;">
          <img src="/favicon.ico" class="rounded" alt="houze">
          <h1 style="margin-top:30px;"><?php echo(strip_tags($msg)); ?></h1>
          <h3 style="margin-top:30px;margin-bottom:200px;">页面自动 <a id="href" href="<?php echo($url); ?>">跳转</a>等待时间：<span id="wait">3</span></h3>
        </div>
    </div>
</body>

<footer>
    <script src="/jquery/2.1.1/jquery-2.1.1.min.js"></script>
    <script src="/bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
</footer>

<script type="text/javascript">
    (function(){
        var wait = document.getElementById('wait'),
            href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>